*{
    margin:0px;
    padding:0px;
}
body{
    /*font: 12px/1.5 å®‹ä½“, Arial, sans-serif;*/
    background:#F3F3F3;
    min-width:1200px;
}
img {
    max-width: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h3, h4, h5, h6 {
    font-weight: normal;
}
a{
    text-decoration:none;
}
ul {
    list-style: none;
}
img {
    max-width: 100%;
    max-height: 100%;
}
.c{
    clear:both;
}
.hide{
    display:none;
}
.none{
    display:none;
}
.n, em {
    font-weight: normal;
    font-style: normal;
}
.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}


.sname{
    display:block;
    position:absolute;
    top:9%;
    left:13%;
    z-index:99;
    width: 20%;
}
.foot{  
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    right:0px;
    z-index:-99;
}
.foot_img{
    position:relative;
    width:2200px;
    height:100%;
    animation:myfirst 30s linear infinite;
}
.foot_img img{
    width:100%;
    height:100%;
}
@keyframes myfirst
{
    from {left:0;}
    to {left:-30%;}
}
.middle{
    display:block;
    width:100%;
    height:100%;
    z-index:-50px;
}
.content{
    width:410px;
    position:absolute;
    top:12%;
    right:18%;
    font-family:"å¾®è½¯é›…é»‘";
}
.content .txt{
    width:325px;
    text-align:center;
    margin:0 auto;
}
.content .txt h2{
    font-size:27px;
}
.content .recorde{
    margin-top:20px;
    height:320px;
    background:#FFF;
    box-shadow: 0px 15px 15px rgba(0,0,0,0.7);
    border-bottom:1px solid #1c77c3;
    border-left:1px solid #000;
    border-right:1px solid #000;
}

.recorde p{
    text-align:center;
    font-size:18px;
    color:#1c77c3;
    line-height:50px;
}
.recorde .account, .recorde .password{
    width:273px;
    position:relative;
    height:40px;
    margin:0 auto;
    border:1px solid #a7a7a7;
    color:#a7a7a7;
    border-radius:3px;
    margin-bottom:20px;
}
.recorde .account:hover,  .recorde .password:hover{
    border:1px solid #1c77c3;
}
.onclick{
    border:1px solid #1c77c3;
}
.inp_img{
    top: 10px;
    left: 5;
    position: absolute;
}
.account input, .password input{
    position:absolute;
    font-size:14px;
    height:40px;
    width:242px;
    left:30px;
    border:0;
    outline:none;
}
.recorde span{
    position:absolute;
    width:20px;
    height:20px;
    right:-33px;
    top:10px;
}
.hint{
    position:absolute;
    bottom:-12px;
}

.hint p{
    float:left;
    color:red;
    font-size:11px;
    line-height:8px;
}

.stud, .teach{
    width:275px;
    position:relative;
    height:40px;
    background:#1c77c3;
    border-radius:3px;
    margin-bottom:19px;
    left:66px;
    outline:none;
    border:0;
    cursor:pointer;
    color:#FFF;
    font-size:13px;
    letter-spacing:2px;
}








